<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Cubic - One Page Responsive HTML 5 Website Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Responsive Minimal Bootstrap Theme">
    <meta name="keywords" content="onepage,responsive,minimal,bootstrap,theme">
    <meta name="author" content="">


    <!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<![endif]-->


    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/jpreloader.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">



    <link rel="stylesheet" href="css/style.css" type="text/css">

    <!-- custom style css -->
    <link rel="stylesheet" href="css/custom-style.css" type="text/css">

    <!-- color scheme -->
    <link rel="stylesheet" href="css/color.css" type="text/css">
    
   
    <!-- load fonts -->
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css">

</head>

<body id="homepage">

    

    <div id="wrapper">
        <div class="page-overlay">
        </div>


        <!-- header begin -->
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- logo begin -->
                        <h1 id="logo">
                            <a href="index.html">
                                <img class="logo-1" src="images/logo.png" alt="">
                                <img class="logo-2" src="images/logo-2.png" alt="">
                            </a>
                        </h1>
                        <!-- logo close -->

                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->

                        <!-- mainmenu begin -->
                        <nav>
                            <ul id="mainmenu">
                                <li><a href="Index">梦之始</a></li>
                                <li><a href="#">搜索</a></li>
                                <li><a href="Inschool">校内活动</a></li>
                                <li><a href="Outschool">校外活动</a></li>
                                <li><a href="#">天涯共此时</a></li>
                                <li><a href="Login">登陆</a></li>
                                <li><a class="active" href="#">注册</a></li>

                            </ul>
                        </nav>

                    </div>
                    <!-- mainmenu close -->

                </div>
            </div>
        </header>
        <!-- header close -->


        <!-- content begin -->
        <div id="content" class="no-bottom no-top">




            <!-- section begin -->
            <section id="section-contact" class="dark" data-speed="5" data-type="background">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h1 class="animated" data-animation="fadeInUp">注<span class="id-color">册</span>

                            </h1>
                            
                            <div class="spacer-single"></div>
                        </div>
</br></br>
                        <div class="col-md-8 animated" data-animation="fadeInUp" data-delay="200" data-speed="5">

                            <form name="contactForm" id='contact_form' method="post" action='RegisterS'>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div id='name_error' class='error'>用户名不能为空！</div>
                                        <div>
                                            <input type='text' name='name' id='name' class="form-control" placeholder="用户名">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        
                                    </div>
                                    <div class="col-md-6">
                                        <div id='pwd_error' class='error'>密码不能为空！</div>
                                        <div>
                                            <input type='password' name='pwd' id='pwd' class="form-control" placeholder="密码">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div id='pwd2_error' class='error'>密码不一致！</div>
                                        <div>
                                            <input type='password' name='pwd2' id='pwd2' class="form-control" placeholder="重复密码">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        
                                    </div>
                                    <div class="col-md-6">
                                        <div id='email_error' class='error'>邮箱不能为空!</div>
                                        <div>
                                            <input type='text' name='email' id='email' class="form-control" placeholder="邮箱">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        
                                    </div>
                                    <div class="col-md-6">
                                        <div id='tel_error' class='error'>电话号码不能为空!</div>
                                        <div>
                                            <input type='text' name='tel' id='tel' class="form-control" placeholder="电话号码">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        
                                    </div>
                                    <div class="col-md-6">
                                        <div id='xing_error' class='error'></div>
                                        <div>
                                            <input type='text' name='xing' id='xing' class="form-control" placeholder="兴趣爱好">
                                        </div>
                                    </div>
                                    
                                    
                                    <div id='mail_success' class='success'>Your message has been sent successfully.</div>
                                    <div id='mail_fail' class='error'>Sorry, error occured this time sending your message.</div>
                                    <div class="col-md-12">
                                        <p id='submit'>
                                            <input type='submit' id='send_message' value='提 交' class="btn btn-border">
                                        </p>
                                    </div>
                                </div>
                            </form>

                        </div>

                        <div class="col-md-4">
                            <address>
                                <span><i class="fa fa-map-marker fa-lg"></i>安徽-芜湖-鸠江区-安徽工程大学</span>
                                <span><i class="fa fa-phone fa-lg"></i>18895317752</span>
                                <span><i class="fa fa-envelope-o fa-lg"></i><a href="mailto:contact@example.com">2512503927@qq.com</a></span>
                                <span><i class="fa fa-globe fa-lg"></i><a href="Index">主页</a></span>
                            </address>
                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->

            <!-- footer begin -->
            <footer>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-envelope-o fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                            </div>
                            <div class="spacer-single"></div>
                            © Copyright 2014 - Cubic by Designesia
                        </div>
                    </div>
                </div>
            </footer>
            <!-- footer close -->
        </div>
    </div>


   <!-- Javascript Files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jpreLoader.js"></script>


    <script src="js/jquery.prettyPhoto.js"></script>

    <script src="js/jquery.ui.totop.js"></script>


    <script src="js/owl.carousel.js"></script>

    <script src="js/classie.js"></script>
    <script src="js/designesia.js"></script>
       <script type="text/javascript" src="js/validationa.js" charset="UTF-8"></script>

</body>
</html>
